<%--
  Created by IntelliJ IDEA.
  User: 山山大魔王
  Date: 2022/1/4
  Time: 12:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="libs/jquery-3.3.1.min.js"></script>
    <script>

        //定义方法
        function  fun() {
            //使用$.ajax()发送异步请求
            $.ajax({
                url:"ajaxServlet111",  //请求路径

                type:"POST",    //请求方式

                // data:"username=jack&age=23",    //请求参数

                data:{"username":"jack","age":23},
                success:function (data) {
                    alert(data);
                },  //响应成功后的回调函数

                error:function () {
                    alert("出错啦...")
                },  //表示如果请求响应出现错误，会执行的回调函数

                dataType:"text" //设置接收到的响应数据的格式
            });

        }

        function  fun() {
            //使用$.ajax()发送异步请求
            $.get("ajaxServlet",{username:"rose"},
                function (data) {
                    alert(data);
                });
        }
    </script>


</head>
<body>

<input type="button" value="发送异步请求" onclick="fun();">

<input>
</body>
</html>
